<template>
  <div class="Ticketanalysis">
     <div class="shang">
       <!-- 左 -->
       <div class="header">
    <el-tabs
     v-model="activeName"
      @tab-click="handleClick">
        <el-tab-pane label="机票预定" name="first">
             <Yuding></Yuding>
        </el-tab-pane>
        <el-tab-pane label="酒店预订" name="second"></el-tab-pane>
        <el-tab-pane label="贵宾厅" name="third"></el-tab-pane>
        <el-tab-pane label="投诉" name="aa">
         
        </el-tab-pane>
        <el-tab-pane label="理赔" name="bb"></el-tab-pane>
        <el-tab-pane label="租车" name="cc"></el-tab-pane>
        <el-tab-pane label="火车票" name="dd"></el-tab-pane>
        <el-tab-pane label="登机牌" name="ee">
          
        </el-tab-pane>
        <el-tab-pane label="会员价值数据汇总" name="ff"></el-tab-pane>
   </el-tabs>
   
       </div>
       <div class="nianfen">
         <div class="nianfen-1">选择年份</div>
         <el-date-picker
         size="mini"
         style="width:180px;"
      v-model="value1"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
       </div>
     </div>
     <!-- 上 -->

  </div>
</template>
<script>
// 机票预定
import Yuding from "../Memberanalysis/yuding.vue"
// 登机牌
import Dengjipai from "../Memberanalysis/dengjipai.vue"
export default {
  name: 'Ticketanalysis',
  data() { 
    return {  
    }
  },
  components:{
    Yuding,
    Dengjipai
  },
  mounted() {


  },
  methods:{
    
  },
 }
</script>

<style scoped>
.Ticketanalysis{
  height: 100%;
  background-color: #F7F7F7;
}

.tou {
  width: 3.5px;
  height: 14px;
  background-color: #4b71bf;
  margin-right: 4px;
}
.tou-1 {
  width: 96%;
  height: 17px;
  display: flex;
  justify-content: space-between;
}
.touu {
  width: 96%;
  height: 17px;
  display: flex;
  justify-content: space-between;
}
.header{
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
}
.header-1{
  padding-top: 10px;
  display: flex;
  /* padding-left: 20%; */
}
.header-1-1{
  font-size: 12px;
  color: #FF0000;
  font-weight: bolder;
  padding-top: 5px;
  margin-right: 2px;
}

.shang{
  display: flex;
  justify-content: space-between;
}
.nianfen{
  margin-top: 20px;
  display: flex;
  margin-right: 20px;
}
.nianfen-1{
  margin-top: 6px;
  margin-right: 10px;
  font-size: 12px;
  color: #FF0000;
  font-weight: bolder;
}
</style>